
  <template> 
   <div> 
    <div class="icon-space">
      41个全新的图标 
    </div> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-address-book"> address-book </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-address-book-o"> address-book-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-address-card"> address-card </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-address-card-o"> address-card-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-bandcamp"> bandcamp </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bath"> bath </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bathtub"> bathtub <span class="text-muted">(alias)</span> </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-drivers-license"> drivers-license <span class="text-muted">(alias)</span> </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-drivers-license-o"> drivers-license-o <span class="text-muted">(alias)</span> </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-eercast"> eercast </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-envelope-open"> envelope-open </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-envelope-open-o"> envelope-open-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-user-circle"> user-circle </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-user-circle-o"> user-circle-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-user-o"> user-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-vcard"> vcard <span class="text-muted">(alias)</span> </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-etsy"> etsy </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-free-code-camp"> free-code-camp </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-grav"> grav </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-handshake-o"> handshake-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-id-badge"> id-badge </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-id-card"> id-card </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-id-card-o"> id-card-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-imdb"> imdb </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-linode"> linode </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-meetup"> meetup </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-microchip"> microchip </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-podcast"> podcast </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-quora"> quora </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-ravelry"> ravelry </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-s15"> s15 <span class="text-muted">(alias)</span> </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-shower"> shower </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-snowflake-o"> snowflake-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-superpowers"> superpowers </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-telegram"> telegram </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-thermometer"> thermometer <span class="text-muted">(alias)</span> </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-thermometer-0"> thermometer-0 <span class="text-muted">(alias)</span> </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-thermometer-1"> thermometer-1 <span class="text-muted">(alias)</span> </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-thermometer-2"> thermometer-2 <span class="text-muted">(alias)</span> </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-thermometer-3"> thermometer-3 <span class="text-muted">(alias)</span> </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-thermometer-4"> thermometer-4 <span class="text-muted">(alias)</span> </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-thermometer-empty"> thermometer-empty </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-thermometer-full"> thermometer-full </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-thermometer-half"> thermometer-half </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-thermometer-quarter"> thermometer-quarter </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-thermometer-three-quarters"> thermometer-three-quarters </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-times-rectangle"> times-rectangle <span class="text-muted">(alias)</span> </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-times-rectangle-o"> times-rectangle-o <span class="text-muted">(alias)</span> </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-vcard-o"> vcard-o <span class="text-muted">(alias)</span> </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-window-close"> window-close </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-window-close-o"> window-close-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-window-maximize"> window-maximize </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-window-minimize"> window-minimize </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-window-restore"> window-restore </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-wpexplorer"> wpexplorer </i>
     </el-col> 
    </el-row> 
    <div class="icon-space icon-top">
      网页 
    </div> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-address-book"> address-book </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-address-book-o"> address-book-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-address-card"> address-card </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-address-card-o"> address-card-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-adjust"> adjust </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-american-sign-language-interpreting"> american-sign-language-interpreting </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-anchor"> anchor </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-archive"> archive </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-area-chart"> area-chart </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-arrows"> arrows </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-arrows-h"> arrows-h </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-arrows-v"> arrows-v </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-asl-interpreting"> asl-interpreting </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-assistive-listening-systems"> assistive-listening-systems </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-asterisk"> asterisk </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-at"> at </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-audio-description"> audio-description </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-automobile"> automobile </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-balance-scale"> balance-scale </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-ban"> ban </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-bank"> bank </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bar-chart"> bar-chart </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bar-chart-o"> bar-chart-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-barcode"> barcode </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-bars"> bars </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bath"> bath </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bathtub"> bathtub </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-battery"> battery </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-battery-0"> battery-0 </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-battery-1"> battery-1 </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-battery-2"> battery-2 </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-battery-3"> battery-3 </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-battery-4"> battery-4 </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-battery-empty"> battery-empty </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-battery-full"> battery-full </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-battery-half"> battery-half </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-battery-quarter"> battery-quarter </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-battery-three-quarters"> battery-three-quarters </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bed"> bed </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-beer"> beer </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-bell"> bell </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bell-o"> bell-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bell-slash"> bell-slash </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bell-slash-o"> bell-slash-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-bicycle"> bicycle </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-binoculars"> binoculars </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-birthday-cake"> birthday-cake </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-blind"> blind </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-bluetooth"> bluetooth </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bluetooth-b"> bluetooth-b </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bolt"> bolt </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bomb"> bomb </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-book"> book </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bookmark"> bookmark </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bookmark-o"> bookmark-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-braille"> braille </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-briefcase"> briefcase </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bug"> bug </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-building"> building </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-building-o"> building-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-bullhorn"> bullhorn </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bullseye"> bullseye </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bus"> bus </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-cab"> cab </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-calculator"> calculator </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-calendar"> calendar </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-calendar-check-o"> calendar-check-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-calendar-minus-o"> calendar-minus-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-camera-retro"> camera-retro </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-car"> car </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-caret-square-o-down"> caret-square-o-down </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-caret-square-o-left"> caret-square-o-left </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-caret-square-o-right"> caret-square-o-right </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-caret-square-o-up"> caret-square-o-up </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-cart-arrow-down"> cart-arrow-down </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-cart-plus"> cart-plus </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-cc"> cc </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-certificate"> certificate </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-check"> check </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-check-circle"> check-circle </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-check-circle-o"> check-circle-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-check-square"> check-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-check-square-o"> check-square-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-child"> child </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-circle"> circle </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-circle-o"> circle-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-circle-o-notch"> circle-o-notch </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-circle-thin"> circle-thin </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-clock-o"> clock-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-clone"> clone </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-close"> close </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-cloud"> cloud </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-cloud-download"> cloud-download </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-cloud-upload"> cloud-upload </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-code"> code </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-code-fork"> code-fork </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-coffee"> coffee </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-cog"> cog </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-cogs"> cogs </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-comment"> comment </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-comment-o"> comment-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-commenting"> commenting </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-commenting-o"> commenting-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-comments"> comments </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-comments-o"> comments-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-compass"> compass </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-copyright"> copyright </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-creative-commons"> creative-commons </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-credit-card"> credit-card </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-credit-card-alt"> credit-card-alt </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-crop"> crop </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-crosshairs"> crosshairs </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-cube"> cube </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-cubes"> cubes </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-cutlery"> cutlery </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-dashboard"> dashboard </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-database"> database </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-deaf"> deaf </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-deafness"> deafness </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-desktop"> desktop </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-diamond"> diamond </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-dot-circle-o"> dot-circle-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-download"> download </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-drivers-license"> drivers-license </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-drivers-license-o"> drivers-license-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-edit"> edit </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-ellipsis-h"> ellipsis-h </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-ellipsis-v"> ellipsis-v </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-envelope"> envelope </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-envelope-o"> envelope-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-envelope-open"> envelope-open </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-envelope-open-o"> envelope-open-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-envelope-square"> envelope-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-eraser"> eraser </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-exchange"> exchange </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-exclamation"> exclamation </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-exclamation-circle"> exclamation-circle </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-exclamation-triangle"> exclamation-triangle </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-external-link"> external-link </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-external-link-square"> external-link-square </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-eye"> eye </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-eye-slash"> eye-slash </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-eyedropper"> eyedropper </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-fax"> fax </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-feed"> feed </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-female"> female </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-fighter-jet"> fighter-jet </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file-archive-o"> file-archive-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-file-audio-o"> file-audio-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file-code-o"> file-code-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file-excel-o"> file-excel-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file-image-o"> file-image-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-file-movie-o"> file-movie-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file-pdf-o"> file-pdf-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file-photo-o"> file-photo-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file-picture-o"> file-picture-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-file-powerpoint-o"> file-powerpoint-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file-sound-o"> file-sound-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file-video-o"> file-video-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file-word-o"> file-word-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-file-zip-o"> file-zip-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-film"> film </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-filter"> filter </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-fire"> fire </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-fire-extinguisher"> fire-extinguisher </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-flag"> flag </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-flag-checkered"> flag-checkered </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-flag-o"> flag-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-flash"> flash </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-flask"> flask </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-folder"> folder </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-folder-o"> folder-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-folder-open"> folder-open </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-folder-open-o"> folder-open-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-frown-o"> frown-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-futbol-o"> futbol-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-gamepad"> gamepad </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-gavel"> gavel </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-gear"> gear </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-gears"> gears </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-gift"> gift </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-glass"> glass </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-globe"> globe </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-graduation-cap"> graduation-cap </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-group"> group </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hand-grab-o"> hand-grab-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hand-lizard-o"> hand-lizard-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hand-paper-o"> hand-paper-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-hand-peace-o"> hand-peace-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hand-pointer-o"> hand-pointer-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hand-rock-o"> hand-rock-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hand-scissors-o"> hand-scissors-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-hand-spock-o"> hand-spock-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hand-stop-o"> hand-stop-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-handshake-o"> handshake-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hard-of-hearing"> hard-of-hearing </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-hashtag"> hashtag </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hdd-o"> hdd-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-headphones"> headphones </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-heart"> heart </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-heart-o"> heart-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-heartbeat"> heartbeat </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-history"> history </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-home"> home </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-hotel"> hotel </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hourglass"> hourglass </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hourglass-1"> hourglass-1 </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hourglass-2"> hourglass-2 </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-hourglass-3"> hourglass-3 </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hourglass-end"> hourglass-end </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hourglass-half"> hourglass-half </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hourglass-o"> hourglass-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-hourglass-start"> hourglass-start </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-i-cursor"> i-cursor </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-id-badge"> id-badge </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-id-card"> id-card </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-id-card-o"> id-card-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-image"> image </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-inbox"> inbox </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-industry"> industry </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-info"> info </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-info-circle"> info-circle </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-institution"> institution </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-key"> key </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-keyboard-o"> keyboard-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-language"> language </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-laptop"> laptop </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-leaf"> leaf </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-legal"> legal </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-lemon-o"> lemon-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-level-down"> level-down </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-level-up"> level-up </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-life-bouy"> life-bouy </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-life-buoy"> life-buoy </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-life-ring"> life-ring </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-life-saver"> life-saver </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-lightbulb-o"> lightbulb-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-line-chart"> line-chart </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-location-arrow"> location-arrow </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-lock"> lock </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-low-vision"> low-vision </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-magic"> magic </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-magnet"> magnet </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-mail-forward"> mail-forward </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-mail-reply"> mail-reply </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-mail-reply-all"> mail-reply-all </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-male"> male </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-map"> map </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-map-marker"> map-marker </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-map-o"> map-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-map-pin"> map-pin </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-map-signs"> map-signs </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-meh-o"> meh-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-microchip"> microchip </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-microphone"> microphone </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-microphone-slash"> microphone-slash </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-minus"> minus </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-minus-circle"> minus-circle </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-minus-square"> minus-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-minus-square-o"> minus-square-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-mobile"> mobile </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-mobile-phone"> mobile-phone </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-money"> money </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-moon-o"> moon-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-mortar-board"> mortar-board </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-motorcycle"> motorcycle </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-mouse-pointer"> mouse-pointer </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-music"> music </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-navicon"> navicon </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-newspaper-o"> newspaper-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-object-group"> object-group </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-object-ungroup"> object-ungroup </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-paint-brush"> paint-brush </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-paper-plane"> paper-plane </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-paper-plane-o"> paper-plane-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-paw"> paw </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-pencil"> pencil </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-pencil-square"> pencil-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-pencil-square-o"> pencil-square-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-percent"> percent </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-phone"> phone </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-phone-square"> phone-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-photo"> photo </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-picture-o"> picture-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-pie-chart"> pie-chart </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-plane"> plane </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-plug"> plug </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-plus"> plus </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-plus-circle"> plus-circle </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-plus-square"> plus-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-plus-square-o"> plus-square-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-podcast"> podcast </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-power-off"> power-off </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-print"> print </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-puzzle-piece"> puzzle-piece </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-qrcode"> qrcode </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-question"> question </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-question-circle"> question-circle </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-question-circle-o"> question-circle-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-quote-left"> quote-left </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-quote-right"> quote-right </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-random"> random </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-recycle"> recycle </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-refresh"> refresh </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-registered"> registered </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-remove"> remove </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-reorder"> reorder </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-reply"> reply </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-reply-all"> reply-all </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-retweet"> retweet </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-road"> road </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-rocket"> rocket </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-rss"> rss </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-rss-square"> rss-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-s15"> s15 </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-search"> search </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-search-minus"> search-minus </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-search-plus"> search-plus </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-send"> send </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-send-o"> send-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-server"> server </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-share"> share </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-share-alt"> share-alt </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-share-alt-square"> share-alt-square </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-share-square"> share-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-share-square-o"> share-square-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-shield"> shield </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-ship"> ship </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-shopping-bag"> shopping-bag </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-shopping-basket"> shopping-basket </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-shopping-cart"> shopping-cart </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-shower"> shower </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-sign-in"> sign-in </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-sign-language"> sign-language </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-sign-out"> sign-out </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-signal"> signal </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-signing"> signing </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-sitemap"> sitemap </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-sliders"> sliders </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-smile-o"> smile-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-snowflake-o"> snowflake-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-soccer-ball-o"> soccer-ball-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-sort"> sort </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-sort-alpha-asc"> sort-alpha-asc </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-sort-alpha-desc"> sort-alpha-desc </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-sort-amount-asc"> sort-amount-asc </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-sort-amount-desc"> sort-amount-desc </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-sort-asc"> sort-asc </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-sort-desc"> sort-desc </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-sort-down"> sort-down </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-sort-numeric-asc"> sort-numeric-asc </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-sort-numeric-desc"> sort-numeric-desc </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-sort-up"> sort-up </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-space-shuttle"> space-shuttle </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-spinner"> spinner </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-spoon"> spoon </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-square"> square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-square-o"> square-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-star"> star </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-star-half"> star-half </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-star-half-empty"> star-half-empty </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-star-half-full"> star-half-full </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-star-half-o"> star-half-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-star-o"> star-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-sticky-note"> sticky-note </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-sticky-note-o"> sticky-note-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-street-view"> street-view </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-suitcase"> suitcase </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-sun-o"> sun-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-support"> support </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-tablet"> tablet </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-tachometer"> tachometer </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-tag"> tag </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-tags"> tags </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-tasks"> tasks </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-taxi"> taxi </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-television"> television </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-terminal"> terminal </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-thermometer"> thermometer </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-thermometer-0"> thermometer-0 </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-thermometer-1"> thermometer-1 </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-thermometer-2"> thermometer-2 </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-thermometer-3"> thermometer-3 </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-thermometer-4"> thermometer-4 </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-thermometer-empty"> thermometer-empty </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-thermometer-full"> thermometer-full </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-thermometer-half"> thermometer-half </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-thermometer-quarter"> thermometer-quarter </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-thermometer-three-quarters"> thermometer-three-quarters </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-thumb-tack"> thumb-tack </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-thumbs-down"> thumbs-down </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-thumbs-o-down"> thumbs-o-down </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-thumbs-o-up"> thumbs-o-up </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-thumbs-up"> thumbs-up </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-ticket"> ticket </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-times"> times </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-times-circle"> times-circle </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-times-circle-o"> times-circle-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-times-rectangle"> times-rectangle </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-times-rectangle-o"> times-rectangle-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-tint"> tint </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-toggle-down"> toggle-down </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-toggle-left"> toggle-left </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-toggle-off"> toggle-off </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-toggle-on"> toggle-on </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-toggle-right"> toggle-right </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-toggle-up"> toggle-up </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-trademark"> trademark </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-trash"> trash </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-trash-o"> trash-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-tree"> tree </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-trophy"> trophy </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-truck"> truck </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-tty"> tty </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-tv"> tv </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-umbrella"> umbrella </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-universal-access"> universal-access </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-university"> university </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-unlock"> unlock </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-unlock-alt"> unlock-alt </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-unsorted"> unsorted </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-upload"> upload </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-user"> user </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-user-circle"> user-circle </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-user-circle-o"> user-circle-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-user-o"> user-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-user-plus"> user-plus </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-user-secret"> user-secret </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-user-times"> user-times </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-users"> users </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-vcard"> vcard </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-vcard-o"> vcard-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-video-camera"> video-camera </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-volume-control-phone"> volume-control-phone </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-volume-down"> volume-down </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-volume-off"> volume-off </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-volume-up"> volume-up </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-warning"> warning </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-wheelchair"> wheelchair </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-wheelchair-alt"> wheelchair-alt </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-wifi"> wifi </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-window-close"> window-close </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-window-close-o"> window-close-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-window-maximize"> window-maximize </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-window-minimize"> window-minimize </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-window-restore"> window-restore </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-wrench"> wrench </i>
     </el-col> 
    </el-row> 
    <div class="icon-space icon-top">
      辅助功能 
    </div> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-american-sign-language-interpreting"> american-sign-language-interpreting </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-asl-interpreting"> asl-interpreting </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-assistive-listening-systems"> assistive-listening-systems </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-audio-description"> audio-description </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-blind"> blind </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-braille"> braille </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-cc"> cc </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-deaf"> deaf </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-deafness"> deafness </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hard-of-hearing"> hard-of-hearing </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-low-vision"> low-vision </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-question-circle-o"> question-circle-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-sign-language"> sign-language </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-signing"> signing </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-tty"> tty </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-universal-access"> universal-access </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-volume-control-phone"> volume-control-phone </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-wheelchair"> wheelchair </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-wheelchair-alt"> wheelchair-alt </i>
     </el-col> 
    </el-row> 
    <div class="icon-space icon-top">
      手势 
    </div> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-hand-grab-o"> hand-grab-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hand-lizard-o"> hand-lizard-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hand-o-down"> hand-o-down </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hand-o-left"> hand-o-left </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-hand-o-right"> hand-o-right </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hand-o-up"> hand-o-up </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hand-paper-o"> hand-paper-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hand-peace-o"> hand-peace-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-hand-pointer-o"> hand-pointer-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hand-rock-o"> hand-rock-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hand-scissors-o"> hand-scissors-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hand-spock-o"> hand-spock-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-hand-stop-o"> hand-stop-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-thumbs-down"> thumbs-down </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-thumbs-o-down"> thumbs-o-down </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-thumbs-o-up"> thumbs-o-up </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-thumbs-up"> thumbs-up </i>
     </el-col> 
    </el-row> 
    <div class="icon-space icon-top">
      运输 
    </div> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-ambulance"> ambulance </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-automobile"> automobile </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bicycle"> bicycle </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bus"> bus </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-cab"> cab </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-car"> car </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-fighter-jet"> fighter-jet </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-motorcycle"> motorcycle </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-plane"> plane </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-rocket"> rocket </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-ship"> ship </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-space-shuttle"> space-shuttle </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-subway"> subway </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-taxi"> taxi </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-train"> train </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-truck"> truck </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-wheelchair"> wheelchair </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-wheelchair-alt"> wheelchair-alt </i>
     </el-col> 
    </el-row> 
    <div class="icon-space icon-top">
      性别 
    </div> 
    <el-row>
    <el-col :span="6"> 
     <i class="fa fa-genderless"> genderless </i>
    </el-col> 
    <el-col :span="6"> 
     <i class="fa fa-intersex"> intersex </i>
    </el-col> 
    <el-col :span="6"> 
     <i class="fa fa-mars"> mars </i>
    </el-col> 
    <el-col :span="6"> 
     <i class="fa fa-mars-double"> mars-double </i>
    </el-col> 
    </el-row>
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-mars-stroke"> mars-stroke </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-mars-stroke-h"> mars-stroke-h </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-mars-stroke-v"> mars-stroke-v </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-mercury"> mercury </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-neuter"> neuter </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-transgender"> transgender </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-transgender-alt"> transgender-alt </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-venus"> venus </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-venus-double"> venus-double </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-venus-mars"> venus-mars </i>
     </el-col> 
    </el-row> 
    <div class="icon-space icon-top">
      文件类型 
    </div> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-file"> file </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file-archive-o"> file-archive-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file-audio-o"> file-audio-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file-code-o"> file-code-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-file-excel-o"> file-excel-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file-image-o"> file-image-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file-movie-o"> file-movie-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file-o"> file-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-file-pdf-o"> file-pdf-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file-photo-o"> file-photo-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file-picture-o"> file-picture-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file-powerpoint-o"> file-powerpoint-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-file-sound-o"> file-sound-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file-text"> file-text </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file-text-o"> file-text-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file-video-o"> file-video-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-file-word-o"> file-word-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file-zip-o"> file-zip-o </i>
     </el-col> 
    </el-row> 
    <div class="icon-space icon-top">
      可旋转 
    </div> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-circle-o-notch"> circle-o-notch </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-cog"> cog </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-gear"> gear </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-refresh"> refresh </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-spinner"> spinner </i>
     </el-col> 
    </el-row> 
    <div class="icon-space icon-top">
      表单 
    </div> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-check-square"> check-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-check-square-o"> check-square-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-circle"> circle </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-circle-o"> circle-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-dot-circle-o"> dot-circle-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-minus-square"> minus-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-minus-square-o"> minus-square-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-plus-square"> plus-square </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-plus-square-o"> plus-square-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-square"> square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-square-o"> square-o </i>
     </el-col> 
    </el-row> 
    <div class="icon-space icon-top">
      支付 
    </div> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-cc-amex"> cc-amex </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-cc-diners-club"> cc-diners-club </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-cc-discover"> cc-discover </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-cc-jcb"> cc-jcb </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-cc-mastercard"> cc-mastercard </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-cc-paypal"> cc-paypal </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-cc-stripe"> cc-stripe </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-cc-visa"> cc-visa </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-credit-card"> credit-card </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-credit-card-alt"> credit-card-alt </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-google-wallet"> google-wallet </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-paypal"> paypal </i>
     </el-col> 
    </el-row> 
    <div class="icon-space icon-top">
      图表 
    </div> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-area-chart"> area-chart </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bar-chart"> bar-chart </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bar-chart-o"> bar-chart-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-line-chart"> line-chart </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-pie-chart"> pie-chart </i>
     </el-col> 
    </el-row> 
    <div class="icon-space icon-top">
      货币 
    </div> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-bitcoin"> bitcoin </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-btc"> btc </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-cny"> cny </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-dollar"> dollar </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-eur"> eur </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-euro"> euro </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-gbp"> gbp </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-gg"> gg </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-gg-circle"> gg-circle </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-ils"> ils </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-inr"> inr </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-jpy"> jpy </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-krw"> krw </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-money"> money </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-rmb"> rmb </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-rouble"> rouble </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-rub"> rub </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-ruble"> ruble </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-rupee"> rupee </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-shekel"> shekel </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-sheqel"> sheqel </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-try"> try </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-turkish-lira"> turkish-lira </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-usd"> usd </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-won"> won </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-yen"> yen </i>
     </el-col> 
    </el-row> 
    <div class="icon-space icon-top">
      文本编辑 
    </div> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-align-center"> align-center </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-align-justify"> align-justify </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-align-left"> align-left </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-align-right"> align-right </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-bold"> bold </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-chain"> chain </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-chain-broken"> chain-broken </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-clipboard"> clipboard </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-columns"> columns </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-copy"> copy </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-cut"> cut </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-dedent"> dedent </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-eraser"> eraser </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file"> file </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file-o"> file-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-file-text"> file-text </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-file-text-o"> file-text-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-files-o"> files-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-floppy-o"> floppy-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-font"> font </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-header"> header </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-indent"> indent </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-italic"> italic </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-link"> link </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-list"> list </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-list-alt"> list-alt </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-list-ol"> list-ol </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-list-ul"> list-ul </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-outdent"> outdent </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-paperclip"> paperclip </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-paragraph"> paragraph </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-paste"> paste </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-repeat"> repeat </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-rotate-left"> rotate-left </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-rotate-right"> rotate-right </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-save"> save </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-scissors"> scissors </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-strikethrough"> strikethrough </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-subscript"> subscript </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-superscript"> superscript </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-table"> table </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-text-height"> text-height </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-text-width"> text-width </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-th"> th </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-th-large"> th-large </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-th-list"> th-list </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-underline"> underline </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-undo"> undo </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-unlink"> unlink </i>
     </el-col> 
    </el-row> 
    <div class="icon-space icon-top">
      指示方向 
    </div> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-angle-double-down"> angle-double-down </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-angle-double-left"> angle-double-left </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-angle-double-right"> angle-double-right </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-angle-double-up"> angle-double-up </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-angle-down"> angle-down </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-angle-left"> angle-left </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-angle-right"> angle-right </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-angle-up"> angle-up </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-arrow-circle-down"> arrow-circle-down </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-arrow-circle-left"> arrow-circle-left </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-arrow-circle-o-down"> arrow-circle-o-down </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-arrow-circle-o-left"> arrow-circle-o-left </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-arrow-circle-o-right"> arrow-circle-o-right </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-arrow-circle-o-up"> arrow-circle-o-up </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-arrow-circle-right"> arrow-circle-right </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-arrow-circle-up"> arrow-circle-up </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-arrow-down"> arrow-down </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-arrow-left"> arrow-left </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-arrow-right"> arrow-right </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-arrow-up"> arrow-up </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-arrows"> arrows </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-arrows-alt"> arrows-alt </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-arrows-h"> arrows-h </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-arrows-v"> arrows-v </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-caret-down"> caret-down </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-caret-left"> caret-left </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-caret-right"> caret-right </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-caret-square-o-down"> caret-square-o-down </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-caret-square-o-left"> caret-square-o-left </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-caret-square-o-right"> caret-square-o-right </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-caret-square-o-up"> caret-square-o-up </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-caret-up"> caret-up </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-chevron-circle-down"> chevron-circle-down </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-chevron-circle-left"> chevron-circle-left </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-chevron-circle-right"> chevron-circle-right </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-chevron-circle-up"> chevron-circle-up </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-chevron-down"> chevron-down </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-chevron-left"> chevron-left </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-chevron-right"> chevron-right </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-chevron-up"> chevron-up </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-exchange"> exchange </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hand-o-down"> hand-o-down </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hand-o-left"> hand-o-left </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hand-o-right"> hand-o-right </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-hand-o-up"> hand-o-up </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-long-arrow-down"> long-arrow-down </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-long-arrow-left"> long-arrow-left </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-long-arrow-right"> long-arrow-right </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-long-arrow-up"> long-arrow-up </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-toggle-down"> toggle-down </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-toggle-left"> toggle-left </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-toggle-right"> toggle-right </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-toggle-up"> toggle-up </i>
     </el-col>
       <el-col :span="6"> 
      <i class="fa fa-arrows-alt"> arrows-alt </i>
     </el-col>  
    </el-row> 
    <div class="icon-space icon-top">
      视频播放 
    </div> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-youtube-play"> youtube-play </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-backward"> backward </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-compress"> compress </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-eject"> eject </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-expand"> expand </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-fast-backward"> fast-backward </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-fast-forward"> fast-forward </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-forward"> forward </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-pause"> pause </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-pause-circle"> pause-circle </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-pause-circle-o"> pause-circle-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-play"> play </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-play-circle"> play-circle </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-play-circle-o"> play-circle-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-random"> random </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-step-backward"> step-backward </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-step-forward"> step-forward </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-stop"> stop </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-stop-circle"> stop-circle </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-stop-circle-o"> stop-circle-o </i>
     </el-col> 
    </el-row> 
    <div class="icon-space icon-top">
      标志 
    </div> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-500px"> 500px </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-adn"> adn </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-amazon"> amazon </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-android"> android </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-angellist"> angellist </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-apple"> apple </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bandcamp"> bandcamp </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-behance"> behance </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-behance-square"> behance-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bitbucket"> bitbucket </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bitbucket-square"> bitbucket-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bitcoin"> bitcoin </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-black-tie"> black-tie </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bluetooth"> bluetooth </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-bluetooth-b"> bluetooth-b </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-btc"> btc </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-buysellads"> buysellads </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-cc-amex"> cc-amex </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-cc-diners-club"> cc-diners-club </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-cc-discover"> cc-discover </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-cc-jcb"> cc-jcb </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-cc-mastercard"> cc-mastercard </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-cc-paypal"> cc-paypal </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-cc-stripe"> cc-stripe </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-cc-visa"> cc-visa </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-chrome"> chrome </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-codepen"> codepen </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-codiepie"> codiepie </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-connectdevelop"> connectdevelop </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-contao"> contao </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-css3"> css3 </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-dashcube"> dashcube </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-delicious"> delicious </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-deviantart"> deviantart </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-digg"> digg </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-dribbble"> dribbble </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-dropbox"> dropbox </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-drupal"> drupal </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-edge"> edge </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-eercast"> eercast </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-empire"> empire </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-envira"> envira </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-etsy"> etsy </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-expeditedssl"> expeditedssl </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-fa"> fa </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-facebook"> facebook </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-facebook-f"> facebook-f </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-facebook-official"> facebook-official </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-facebook-square"> facebook-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-firefox"> firefox </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-first-order"> first-order </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-flickr"> flickr </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-font-awesome"> font-awesome </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-fonticons"> fonticons </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-fort-awesome"> fort-awesome </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-forumbee"> forumbee </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-foursquare"> foursquare </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-free-code-camp"> free-code-camp </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-ge"> ge </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-get-pocket"> get-pocket </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-gg"> gg </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-gg-circle"> gg-circle </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-git"> git </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-git-square"> git-square </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-github"> github </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-github-alt"> github-alt </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-github-square"> github-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-gitlab"> gitlab </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-gittip"> gittip </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-glide"> glide </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-glide-g"> glide-g </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-google"> google </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-google-plus"> google-plus </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-google-plus-circle"> google-plus-circle </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-google-plus-official"> google-plus-official </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-google-plus-square"> google-plus-square </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-google-wallet"> google-wallet </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-gratipay"> gratipay </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-grav"> grav </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hacker-news"> hacker-news </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-houzz"> houzz </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-html5"> html5 </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-imdb"> imdb </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-instagram"> instagram </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-internet-explorer"> internet-explorer </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-ioxhost"> ioxhost </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-joomla"> joomla </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-jsfiddle"> jsfiddle </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-lastfm"> lastfm </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-lastfm-square"> lastfm-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-leanpub"> leanpub </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-linkedin"> linkedin </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-linkedin-square"> linkedin-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-linode"> linode </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-linux"> linux </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-maxcdn"> maxcdn </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-meanpath"> meanpath </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-medium"> medium </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-meetup"> meetup </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-mixcloud"> mixcloud </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-modx"> modx </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-odnoklassniki"> odnoklassniki </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-odnoklassniki-square"> odnoklassniki-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-opencart"> opencart </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-openid"> openid </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-opera"> opera </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-optin-monster"> optin-monster </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-pagelines"> pagelines </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-paypal"> paypal </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-pied-piper"> pied-piper </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-pied-piper-alt"> pied-piper-alt </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-pied-piper-pp"> pied-piper-pp </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-pinterest"> pinterest </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-pinterest-p"> pinterest-p </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-pinterest-square"> pinterest-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-product-hunt"> product-hunt </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-qq"> qq </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-quora"> quora </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-ra"> ra </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-ravelry"> ravelry </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-rebel"> rebel </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-reddit"> reddit </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-reddit-alien"> reddit-alien </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-reddit-square"> reddit-square </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-renren"> renren </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-resistance"> resistance </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-safari"> safari </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-scribd"> scribd </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-sellsy"> sellsy </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-share-alt"> share-alt </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-share-alt-square"> share-alt-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-shirtsinbulk"> shirtsinbulk </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-simplybuilt"> simplybuilt </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-skyatlas"> skyatlas </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-skype"> skype </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-slack"> slack </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-slideshare"> slideshare </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-snapchat"> snapchat </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-snapchat-ghost"> snapchat-ghost </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-snapchat-square"> snapchat-square </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-soundcloud"> soundcloud </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-spotify"> spotify </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-stack-exchange"> stack-exchange </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-stack-overflow"> stack-overflow </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-steam"> steam </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-steam-square"> steam-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-stumbleupon"> stumbleupon </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-stumbleupon-circle"> stumbleupon-circle </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-superpowers"> superpowers </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-telegram"> telegram </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-tencent-weibo"> tencent-weibo </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-themeisle"> themeisle </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-trello"> trello </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-tripadvisor"> tripadvisor </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-tumblr"> tumblr </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-tumblr-square"> tumblr-square </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-twitch"> twitch </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-twitter"> twitter </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-twitter-square"> twitter-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-usb"> usb </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-viacoin"> viacoin </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-viadeo"> viadeo </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-viadeo-square"> viadeo-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-vimeo"> vimeo </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-vimeo-square"> vimeo-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-vine"> vine </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-vk"> vk </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-wechat"> wechat </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-weibo"> weibo </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-weixin"> weixin </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-whatsapp"> whatsapp </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-wikipedia-w"> wikipedia-w </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-windows"> windows </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-wordpress"> wordpress </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-wpbeginner"> wpbeginner </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-wpexplorer"> wpexplorer </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-wpforms"> wpforms </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-xing"> xing </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-xing-square"> xing-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-y-combinator"> y-combinator </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-y-combinator-square"> y-combinator-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-yahoo"> yahoo </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-yc"> yc </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-yc-square"> yc-square </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-yelp"> yelp </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-yoast"> yoast </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-youtube"> youtube </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-youtube-play"> youtube-play </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-youtube-square"> youtube-square </i>
     </el-col> 
    </el-row> 
    <div class="icon-space icon-top">
      医疗 
    </div> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-ambulance"> ambulance </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-h-square"> h-square </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-heart"> heart </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-heart-o"> heart-o </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-heartbeat"> heartbeat </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-hospital-o"> hospital-o </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-medkit"> medkit </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-plus-square"> plus-square </i>
     </el-col> 
    </el-row> 
    <el-row> 
     <el-col :span="6"> 
      <i class="fa fa-stethoscope"> stethoscope </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-user-md"> user-md </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-wheelchair"> wheelchair </i>
     </el-col> 
     <el-col :span="6"> 
      <i class="fa fa-wheelchair-alt"> wheelchair-alt </i>
     </el-col> 
    </el-row> 
   </div> 
  </template> 
  <script>
export default {
  name:'icon',
}
</script> 
